<template>
	<div>
		<button @click="isShow = !isShow">显示/隐藏</button>
		<transition
			enter-active-class="animate__fadeInDown"
			leave-active-class="animate__hinge"
		>
			<h1 class="animate__animated" v-show="isShow">你好啊1！</h1>
		</transition>
	</div>
</template>

<script>
	import 'animate.css';
	export default {
		name:'App',
		data() {
			return {
				isShow:true
			}
		},
	}
</script>

<style scoped>
	h1{
		background-color: orange;
	}
</style>